<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/common/taglibs.jspf" %>
<!DOCTYPE html>
<html>
<head>
    <title>菜单管理</title>
    <%@include file="/common/common.jsp" %>
</head>
<body>
<div id="rrapp" v-cloak>
    <!--.container （固定宽度）或 .container-fluid （100% 宽度）-->
    <div class="layui-fluid">
        <div class="row">
            <div class="col-md-4">
                <shiro:hasPermission name="sys:menu:update">
                    <button class="layui-btn layui-btn-small" @click="add" type="button" @click="add"><i
                            class="layui-icon">&#xe61f;</i> 新 增
                    </button>
                </shiro:hasPermission>
                <shiro:hasPermission name="sys:menu:delete">
                    <button class="layui-btn layui-btn-danger layui-btn-small" type="button" @click="del"><i
                            class="layui-icon">&#xe640;</i>删 除
                    </button>
                </shiro:hasPermission>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <grid:grid id="menuGridId"  pageable="false" gridSetting="" async="true" treeGrid="true" expandColumn="name" sortname="id"
                           url="${appPath}/system/organization/ajaxTreeList">
                    <grid:column label="sys.common.key" hidden="true" name="id"/>
                    <grid:column label="名称" name="name" query="true" condition="like"/>
                    <grid:column label="备注" name="remarks"/>
                    <grid:column label="sys.common.opt" name="opt" formatter="button" width="100"/>
                    <grid:button groupname="opt" function="delete"/>

                    <grid:toolbar function="create"/>
                    <grid:toolbar function="update"/>
                    <grid:toolbar function="delete"/>
                    <grid:toolbar function="search"/>
                    <grid:toolbar function="reset"  icon="icon-reload"/>
                </grid:grid>
            </div>

        </div>
    </div>
</div>

<!-- 选择菜单 -->
<div id="menuLayer" style="display: none;padding:10px;">
    <ul id="menuTree" class="ztree"></ul>
</div>

<script src="${staticPath}/js/system/menu.js?_${datetime}"></script>
</body>
</html>